<template>
  <div class="layout">
    <Header></Header>
    <Navigation></Navigation>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from '../components/Header.vue'
import Navigation from '../components/Navigation.vue'
import Footer from '../components/Footer.vue'
export default {
  components: {
    Header,
    Navigation,
    Footer
  },
  created() {
  }
}
</script>
<style scoped >
.layout{
  border: 1px solid #d7dde4;
  /* background: #000; */
  position: relative;
  border-radius: 4px;
  overflow-x: hidden;
  height: 100%;
}
</style>


